<ion-content> 
  <ion-refresher (ionRefresh)="doRefresh($event)"> 
      <ion-refresher-content pullingIcon="arrow-dropdown" refreshingSpinner="circles" style="margin-top: 2rem"> 
      </ion-refresher-content>
      <ion-refresher-content > 
  </ion-refresher-content>
  </ion-refresher>
<ion-list class="cont" *ngFor="let item of nailerList,let i = index">
  <ion-item class="avater" (click)="gotoNailerDetail(item)"style="padding-left:0.8rem">
    <ion-avatar item-start>
        <!-- http://{{item.artist_avator}} -->
      <img src="{{picrooturl}}{{item.artist_avator}}">
    </ion-avatar>
    <div style="display: inline-flex;width: 95%;">
      <h2 (click)="getDetailList(i)">{{item.artist_name}}</h2>
      <img src="assets/img/chuji@2x.png" *ngIf='item.artist_level==1' alt="" srcset="" style="max-width: 2.5rem;height: 1.2rem;margin-top: 0.9rem;margin-left: 0.3rem">
      <img src="assets/img/zhongji@2x.png" *ngIf='item.artist_level==2' alt="" srcset="" style="max-width: 2.5rem;height: 1.2rem;margin-top: 0.9rem;margin-left: 0.3rem">
      <img src="assets/img/gaoji@2x.png" *ngIf='item.artist_level==3' alt="" srcset="" style="max-width: 2.5rem;height: 1.2rem;margin-top: 0.9rem;margin-left: 0.3rem">
    </div>
    <p>{{item.total_nail_count}}款美图 &nbsp;&nbsp;|&nbsp; &nbsp;{{item.focused_count}}粉丝</p>
    <button ion-button clear item-end (click)="obout(1,item.artist_id,i)" *ngIf="item.is_focus == 0" style="width: 5rem">
      <img src="assets/img/ios/guanzhu@2x.png" alt="" class="heart">
      关注
    </button>
    <button ion-button clear item-end (click)="obout(0,item.artist_id,i)" *ngIf="item.is_focus == 1" style="border:#D0D0D0 1px solid;color:#D0D0D0;width: 5rem">已关注</button>
  </ion-item>
  <ion-item class="imglist" style="margin-top:-1rem;padding-left:0">
    <span *ngFor="let ident of item.nails" class="pic">
        <img src="{{picrooturl}}{{ident.nail_album}}" style="border-radius:4px;" (click)="goToProductDetailPage(ident.id,item.artist_level)">
    </span>
  </ion-item>
</ion-list>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)"> 
    <ion-infinite-scroll-content
     loadingSpinner="bubbles"
     loadingText="加载中..."> 
     </ion-infinite-scroll-content> 
 </ion-infinite-scroll>
 <div *ngIf='btm' style="text-align: center;color: #999;margin: 1rem" (click)='goto()'>已经到底啦！</div>
<div class="botLine">
      <div class="line float overleft"></div>
      美丽 从指尖开始
      <div class="line float overright"></div>
  </div>
<ion-fab right bottom (tap)="add1()" *ngIf="haveId==true">
  <button ion-fab>
    <img src="assets/img/ios/fabu.png" alt="" class="float2">
  </button>
</ion-fab>
<div style="height: 6rem;"></div>

</ion-content>
